@font-face {
	font-family: 'KomikaTitleRegular';
	src: url('Komika/KomikaTitle-webfont.eot');
	src: url('Komika/KomikaTitle-webfont.eot?#iefix')
		format('embedded-opentype'), url('Komika/KomikaTitle-webfont.woff')
		format('woff'), url('Komika/KomikaTitle-webfont.ttf')
		format('truetype'),
		url('Komika/KomikaTitle-webfont.svg#KomikaTitleRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset */
HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,STRONG,SUB,SUP,TT,VAR,HR,B,U,I,CENTER,DL,DT,DD,OL,UL,LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD
	{
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	vertical-align: baseline;
	font-family: Arial, tahoma, 'Arabic Transparent', 'Traditional Arabic',
		'Simplified Arabic', Arial, sans-serif;
	font-size: 12px;
	/*display: block;*/
	text-decoration: none;
	background-color: transparent;
}



#wrapper2 {
width:250px;
margin: 0 0;
background-color: #fff;
box-shadow: 2px 2px 2px #888888;

}

#box-menu{
box-shadow: 2px 2px 2px #888888;
background-color: #f6f5f5; 
height:500px;
display:inline-block;
float:left;
}



.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {

	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 160px;
	text-align: center;
	height: 32px;
	color: #FFFFFF;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	
	
	background: #343435;
	background: -moz-linear-gradient(top, #343435 1%, #4a4a4a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#343435), color-stop(100%,#4a4a4a));
	background: -webkit-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -o-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: -ms-linear-gradient(top, #343435 1%,#4a4a4a 100%);
	background: linear-gradient(top, #343435 1%,#4a4a4a 100%);
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	
	background: #5D8BCB;
	background: -moz-linear-gradient(top, #5D8BCB 1%, #B3CCFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5D8BCB), color-stop(100%,#B3CCFF));
	background: -webkit-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: -o-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: -ms-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}



/* Sub-Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #eae9e9;
	border-bottom: 1px solid #c1bfbf;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #f6f5f5; }



/* Accordian Function */

.ac-menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	height: 98px;
}

/* table style */

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}
.common_b {
	margin: 3px 0 3px 10px;
	height: 34px;
	/*        background-color: #58A61E;*/
	/*        border: 1px solid #58A61E;*/
	line-height: 8px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	min-width: 10px;
	display: table-caption;
	/*        height: 15px;*/
	/*        line-height: 15px;*/
	border-radius: 3px;
	text-align: center;
	/*        float: right;*/
	padding: 5px 10px;
	/*        border: 1px solid rgba(0, 0, 0, 0.1);*/
	/*        background-color: #2CB2B9;*/
	background-position: right;
	background-repeat: no-repeat;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1)
		0%, rgba(0, 0, 0, 0.04) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		rgba(255, 255, 255, 0.1) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		rgba(255, 255, 255, 0.1) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		rgba(255, 255, 255, 0.1) 100%);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0.04) 0%,
		rgba(255, 255, 255, 0.1) 100%);
	/*        box-shadow: -1px 0 1px rgba(255, 255, 255, 0.2) inset, 1px 0 1px rgba(255, 255, 255, 0.2) inset, 0 0 15px rgba(255, 255, 255, 0.2) inset, 0 0 6px rgba(0, 0, 0, 0.1);*/
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
	/*        margin: 10px;*/
	width: 100px;
}

.common_b:hover {
	cursor: pointer;
	background-image: none;
	/*        border: 1px solid rgba(1, 156, 198, 0.1) !important;*/
	box-shadow: 0px 0px 15px rgba(1, 156, 198, 0.1) inset, 0px 0px 5px
		rgba(1, 156, 198, 0.01) inset, 0 0 3px rgba(0, 0, 0, 0.4) !important;
}

.common_b:active {
	box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2) !important;
}


.box {
	background-color: rgba(64, 83, 130, 0.9);
	border: 1px solid #eee;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	height: 100%;
	background-color: #fff;
	background-image: -webkit-linear-gradient(-90deg, #039 0%, #a7b7de 100%);
	background-image: -webkit-linear-gradient(top, #039 0, #a7b7de 75%);
	background-image: -moz-linear-gradient(top, #039 0, #a7b7de 75%);
	background-image: -o-linear-gradient(top, #039 0, #a7b7de 75%);
	background-image: -ms-linear-gradient(top, #039 0, #a7b7de 75%);
	background-image: -khtml-linear-gradient(top, #039 0, #a7b7de 75%);
	background-image: linear-gradient(top, #039 0, #a7b7de 75%);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

.conx {
	width: 786px;
	margin: 30px auto;
	padding: 30px;
}
#logPass {
	position: relative;
	width: 620px;
	margin: 35px -1px auto;
	padding-top: 0px;
	padding-left: 166px;
	background-color: rgba(255, 255, 255, 0);
}
input[type="text"],input[type="password"],select {
	outline: none;
	color: #666;;
	/*background-color: #4D90FE;*/
	height: 20px;
	border: 1px solid #4D90FE;
	border-radius: 4px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35) inset;
	height: auto;
	width: auto;
	border: 1px solid rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	font-size: 15px;
}
.connx {
	margin: 0 10px;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	float: left;
	color: white;
	/*padding:30px;*/
}
.centerIt {
	margin-left: 230px;
	margin-top: 25px;
}
.submit {
	height: 20px;
	background-color: #58A61E;
	border: 1px solid #58A61E;
	line-height: 8px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}
#submit {
	padding-top: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
	margin-left: 285px;
}




#container
{
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  padding-bottom:40px;
  overflow:hidden;
display:block
}



.ac-menu,
.ac-menu ul,
.ac-menu li,
.ac-menu a,
.ac-menu span {
	margin: 0;	
	padding: 0;
	border: 0;
	outline: none;
}

.ac-menu li {
	list-style: none;
}

/* Accordian Style */

.ac-menu li > a {
	display: block;
	position: relative;
	min-width: 160px;
	padding: 0 10px 0 0;
	text-align: center;
	height: 32px;

	color: #FFFFFF;
	font: bold 12px/32px Arial, sans-serif;
	text-decoration: none;
	
	
	background: #CCDDFF;
	background: -moz-linear-gradient(top, #CCDDFF 1%, #B3CCFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#CCDDFF), color-stop(100%,#B3CCFF));
	background: -webkit-linear-gradient(top, #CCDDFF 1%,#B3CCFF 100%);
	background: -o-linear-gradient(top, #CCDDFF 1%,#B3CCFF 100%);
	background: -ms-linear-gradient(top, #CCDDFF 1%,#B3CCFF 100%);
	background: linear-gradient(top, #CCDDFF 1%,#B3CCFF 100%);
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.ac-menu > li:hover > a,
.ac-menu > li:target > a {
	text-shadow: 1px 1px 1px rgba(255,255,255, .2);
	
	
	background: #5D8BCB;
	background: -moz-linear-gradient(top, #5D8BCB 1%, #B3CCFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#5D8BCB), color-stop(100%,#B3CCFF));
	background: -webkit-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: -o-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: -ms-linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	background: linear-gradient(top, #5D8BCB 1%,#B3CCFF 100%);
	
	
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);

}



/* Sub-Menu */

.sub-menu li a {
	color: #797979;
	text-shadow: 1px 1px 0px rgba(255,255,255, .2);

	background: #eae9e9;
	border-bottom: 1px solid #c1bfbf;

	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	-moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
}

.sub-menu li:hover a { background: #f6f5f5; }



/* Accordian Function */

.ac-menu li > .sub-menu {
	height: 0;
	overflow: hidden;

	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	-ms-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}

.ac-menu li:target > .sub-menu {
	height: 98px;
}

/* table style */

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}
.error {
	color: #ff0000;
}

.errorblock {
	color: #000;
	background-color: #ffEEEE;
	border: 3px solid #ff0000;
	padding: 8px;
	margin: 16px;
}


#menu-column {
width:210px;
}

#footer { 
 width: 902px;
 clear: both;
 background: #B3CCFF;
 color: #fff;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 text-align: center;
}
